html, body {
    height: 100%;
}
.drawer-container-flex {
    height: 100%;
    display: inline-flex;
    width: 100%;
}
.top-bar-menu-button {
    display: none;
}
body {
    --mdc-theme-primary: #911f1b;
    --mdc-theme-secondary: #fbb049;
    --mdc-theme-on-secondary: #000;
    margin: 0;
}
main {
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira Sans', sans-serif;
}
p {
    font-family: 'IBM Plex Serif', serif;
}
li {
    font-family: 'IBM Plex Serif', serif;
}
.signature {
    color: #7033f9;
}
a {
  color: var(--mdc-theme-secondary, #fbb049);
  text-decoration: none;
  font-weight: 600;
}
.app-fab--absolute {
  position: fixed !important;
  bottom: 1.5rem;
  right: 1.5rem;
}
.app-fab--option1 {
  position: fixed !important;
  bottom: 6.5rem;
  right: 1.5rem;
}
.app-fab--option2 {
  position: fixed !important;
  bottom: 11.5rem;
  right: 1.5rem;
}
.mdc-image-list--masonry .mdc-image-list__item {
  page-break-inside: avoid;
}
.gallery {
  -webkit-column-count: 4;
          column-count: 4;
}
@media (max-width: 1699px) {
    .gallery {
      -webkit-column-count: 2;
              column-count: 2;
    }
}
@media (max-width: 599px) {
    .gallery {
      -webkit-column-count: 1;
              column-count: 1;
    }
}
.mdc-image-list__image {
  width: 200px !important;
}
.app-logo {
  width: 20%;
}

.mdc-drawer__header {
    background: var(--mdc-theme-primary, #911f1b);
    color: #ffffff;
}

.qr {
    width: 512px;
    max-width: 100%;
}

.img-fill {
    max-width: 100%;
}

.address-logical {
    font-family: 'Fira Mono', monospace;
    word-wrap: break-word;
}

code {
    font-family: 'Fira Mono', monospace;
}

.bots {
    display: none !important;
}

.icon16, .icon16::before {
    font-size: 16px;
}

.icon16-container {
    text-align: center;
    position: relative;
    bottom: 25%;
}

.drawer-bottom {
    position: fixed;
    bottom: 10px;
}
